<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>mobile</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet/less" href="./css/index.less">
</head>
<body>
    <div class="navbar">
        <img src="./img/menu.png">
        <img src="./img/logo.png">
        <img src="./img/search.png">
    </div>

    <div class="swiper">
        <img src="./img/banner.png">
    </div>

    <div class="content1">
        <div class="title">风险评估</div>

        <div>
            <div class="img">
                <img src="./img/assessment-img1.png">
                <div>办公室</div>
            </div>
            <div class="img">
                <img src="./img/assessment-img2.png">
                <div>实验室</div>
            </div>
            <div class="img">
                <img src="./img/assessment-img3.jpg">
                <div>家具</div>
            </div>
            <div class="img">
                <img src="./img/assessment-img4.jpg">
                <div>办公室</div>
            </div>
        </div>

        <div>
            <div class="content">
                <img src="./img/news-img1.png">
            </div>
            <div class="content">
                <p>专业咨询</p>
                <p>个人咨询</p>
                <p>企业咨询</p>
            </div>
            <div class="content">
                <img src="./img/news-img2.png">
            </div>
            <div class="content">
                <p>专业咨询</p>
                <p>个人咨询</p>
                <p>企业咨询</p>
            </div>
            <div class="content">
                <img src="./img/news-img3.png">
            </div>
            <div class="content">
                <p>专业咨询</p>
                <p>个人咨询</p>
                <p>企业咨询</p>
            </div>
        </div>
    </div>

    <div class="content2">
        <div class="title">人体工学介绍和应用</div>
        <img src="./img/application-img.png">
        <div>
            <div>
                <img src="./img/application-icon1.png">
                职业应用
            </div>
            <div>
                <img src="./img/application-icon2.png">
                个人/家居应用
            </div>
        </div>
    </div>

    <div class="content3">
        <div class="title">联系我们</div>
        <div class="info">
            <img src="./img/p1.png">
            +86 1529294234
        </div>
        <div class="info">
            <div>
                <img src="./img/p2.png">
                01-706-506-3604
            </div>

            <div>
                <img src="./img/p3.png">
                ergo168@qq.com
            </div>
        </div>
        
        <div class="info">
            <img src="./img/p4.png">
            广州市天河区珠江新城珠江西路高德置地D座15楼
        </div>

        <div id="container"></div> 
    </div>

    <div class="bottom">
        <div class="img iconfont">
            &#xe8b9;
            <div>首页</div>
        </div>
        <div class="img iconfont">
            &#xe63c;
            <div>首页</div>
        </div>
        <div class="img iconfont">
            &#xe664;
            <div>首页</div>
        </div>
        <div class="img iconfont">
            &#xe6a5;
            <div>首页</div>
        </div>
    </div>

    <script src="./assets/js/jquery.min.js"></script>
    <script src="./assets/js/less.min.js"></script>
    <!-- 百度地图 -->
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=LMS9wlRilGX2NAPNlLEU389GVwPPkmbA"></script>
    <script>
        let map = new BMapGL.Map("container");
        let point = new BMapGL.Point( 116.0389369, 26.4884008);
        map.centerAndZoom(point, 15);
        map.setMapType(BMAP_EARTH_MAP); // 设置地图类型为地球模式
        let zoomCtrl = new BMapGL.ZoomControl(); // 添加缩放控件
        map.addControl(zoomCtrl);
        map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
        map.setHeading(70); //设置地图旋转角度
        map.setTilt(70); //设置地图的倾斜角度
    </script>
    
</body>
</html>